    <meta charset="UTF-8">
    <meta name="generator" content="blast2html; see https://github.com/thehyve/blast2html/">

    <title>Blast output</title>

    <style>
        body {
            color: #333333;
            font-family: Arial,Sans-Serif;
        }

        :link {
            color: #336699;
        }

        .right {
            float: right;
        }

        /* Galaxy with html sanitization enabled strips the header of this html page. If so, show the user a warning.*/
        #strip_html_warning {
            display: none;
        }

        #content {
            margin: 0 2em;
            padding: 0.5em;
            border: 1px solid #888888;
            background-color: #d3dff5;
        }

        h1, h2, h3, h4, h5, h6 {
            color: #2A6979;
            font-family: arial,verdana,sans-serif;
            letter-spacing: -1px;
            margin: 1.2em 0 0.3em;
        }

        h1 {
            font-size: 200%;
        }

        h2 {
            font-size: 150%;
        }

        h1, h2 {
            border-bottom: 1px solid #CCCCCC;
            padding-bottom: 0.1em;
        }

        h3 {
            font-size: 120%;
            font-weight: bold;
        }

        h5.darkHeader {
            color: #4D4D4D;
            letter-spacing: 0;
            font-weight: bold;
            font-size: 108%;
        }

        #nodata {
            font-weight: bold;
        }

        .index {
            margin-bottom: 3em;
        }
        .index div.indexentry {
            margin: 1.2em 1.6em;
            font-weight: bold;
            font-size: 100%;
        }

        .headerdata {
            font-size: 90%;
        }
        .headerdata .param {
            font-weight: bold;
            text-align: right;
            padding: 0 1em;
        }

        .grey {
            background-color: #eeeeee;
            border: 1px solid #cccccc;
            padding: 1em;
        }

        .white {
            background-color: white;
            border: 1px solid #cccccc;
            padding: 1.5em 2%;
        }

        .graphicrow {
            clear: left;
            width: 100%;
        }

        .graphicitem {
            float: left;
        }



        .graphics .grey {
            text-align: center;
        }

        .graphic {
            background-color: white;
            border: 2px solid black;
            padding: 1.5em;
            margin: auto;
        }

        .centered, .defline, div.legend, div.tablewrapper {
            margin-left: auto;
            margin-right: auto;
        }

        .defline {
            background-color: white;
            border: 1px solid black;
            margin: .5em auto;
            padding-left: .2em;
            padding-right: .2em;
            max-width: 50em;
            text-align: left;
            height: 2.8em;
            overflow: hidden;
        }

        div.legend {
            max-width: 40em;
        }
        div.legend div {
            width: 100%;
            color: white;
            font-weight: bold;
            border-spacing: 0;
        }
        div.legend div .graphicitem {
            width: 20%;
            padding: 0;
            margin: 0;
            border: none;
        }

        div.tablewrapper {
            width: 50%;
            min-width: 60em;
        }

        /* For small widths we give the graphic 100% */
        @media (max-width: 72.5em) {
            div.tablewrapper {
                width: 100%;
                min-width: 0px;
            }
        }

        .scale {
            width: 100%;
            margin: .5em 0;
            font-weight: bold;
        }
        .scale div {
            color: red;
            text-align: left;
        }
        .scale .graphicrow {
            margin: .5em 0 .5em 0;
            color: white;
        }
        .scale .graphicitem {
            position: relative;
        }
        .scale .graphicitem div {
            margin: 0 1px;
            padding: 0 2px;
            text-align: right;
            background-color: red;
            color: white;
        }
        .scale .graphicitem:first-child div {
            margin-left: 0px;
        }
        .scale .graphicitem:last-child div {
            margin-right: 0px;
        }
        .scale .graphicitem .lastlabel {
            position: absolute;
            top: 0px;
            left: 100%;
            background-color: transparent;
            color: red;
        }

        a.matchresult {
            display: block;
            margin: 0;
            padding: 0;
        }
        div.matchrow {
            margin-top: 4px;
        }
        div.matchrow, div.matchitem {
            height: 4px;
        }


        table.descriptiontable {
            font-size: 85%;
            border: 1px solid #97b0c8;
            border-spacing: 0;
            color: #222222;
            line-height: 1.3em;
            background-color: white;
        }
        table.descriptiontable col:first-child {
            width: 100%;
        }
        table.descriptiontable tr:hover {
            background-color: #D5DEE3;
        }
        table.descriptiontable th {
            color: #14376C;
            font-weight: normal;
            background-color: #F0F0F0;
            background: linear-gradient(#FFFFFF, #F0F0F0);
            border-bottom: 1px solid #D4DFE9;
            border-right: 1px solid #CFCFCF;
            border-left: 0px solid black;
            border-top: 0px solid black;
        }
        table.descriptiontable td {
            overflow: hidden;
            text-align: center;
            padding: .4em .8em;
        }
        table.descriptiontable td div {
            width: 1em;
            overflow: visible;
            white-space: nowrap;
            text-align: left;
        }



        .alignments .white {
            padding: 1.5em 1em;
        }

        .alignment {
            border-top: 1px solid black;
            padding-left: 1em;
            padding-right: 1em;
        }

        div.linkheader {
            padding-top: .2em;
            font-size: 85%;
            color: #14376C;
        }
        div.linkheader a.linkheader {
            margin-right: 1em;
        }
        div.linkheader .right a {
            text-decoration: none;
        }

        .title .hittitle {
            color: #222222;
            margin-bottom: .3em;
        }
        .title .titleinfo {
            font-size: 80%;
            margin-top: 0;
            margin-bottom: .3em;
        }
        .title .titleinfo .b {
            color: #606060;
            font-weight: bold;
            font-size: 90%;
        }

        .moretitles {
            margin: 1.2em;
        }
        .moretitles .titleinfo {
            margin: 0;
            padding: 0;
        }
        .moretitles .hittitle {
            margin: .4em 0 .2em 0;
            padding: 0;
        }

        a.showmoretitles {
            font-size: 75%;
            color: #336699;
            font-weight: bold;
            margin-top: 0;
        }
        a.showmoretitles:hover {
        }

        .hotspot {
            color: #606060;
            font-family: verdana, arial, sans-serif;
            margin-bottom: 2.5em;
        }

        .hotspot p.range {
            font-size: 70%;
            margin-top: 0;
            margin-top: 1em;
            margin-bottom: .2em;
        }
        .hotspot p.range span.range {
            font-weight: bold;
        }
        .hotspot p.range a.range {
            margin-left: .5em;
        }

        table.hotspotstable {
            border-top: 1px solid;
            border-bottom: 1px solid;
            text-align: left;
            border-collapse: collapse;
        }
        table.hotspotstable th, table.hotspotstable td {
            padding: .1em 1em;
        }
        table.hotspotstable th {
            font-size: 70%;
        }
        table.hotspotstable td {
            min-width: 7em;
            color: #222222;
            font-size: 80%;
        }

        pre.alignmentgraphic {
            color: #222222;
        }

        footer {
            text-align: center;
            color: #cccccc;
            font-size: 70%;
            margin-top: 1em;
        }
        footer :link {
            color: #5588cc;
        }

    </style>

    <script type="text/javascript">
        function toggle_visibility(id) {
            var e = document.getElementById(id);
            if(e.style.display != 'block')
                e.style.display = 'block';
            else
                e.style.display = 'none';
        }
    </script>






    <div id="strip_html_warning">
        <!-- This div should be hidden by the header css block. Galaxy
        strips all css, breaking this page but making this warning
        visible. This warning contains some ugly old skool tabular html
        layout that is not stripped. -->
        <table frame="border" bgcolor="#FFE5C9"><tbody><tr><td><font color="red"><b>
            <font size="5"><center>This html page seems to have been stripped by Galaxy.</center></font></b></font><b>
            Disable Galaxy's html sanitization feature to view the full page (see <font face="monospace">sanitize_all_html</font> in your galaxy's universe_wsgi.ini), or download this page instead of viewing it in Galaxy.
        </b></td></tr></tbody></table>
    </div>

    <div id="content" style="margin: 0px;">

        <section class="header">

            <h1>Nucleotide Blast results</h1>

            <table class="headerdata">
                <tbody><tr><td class="param">Program:</td><td>BLASTN 2.6.0+</td></tr>
                <tr><td class="param">Database:</td><td>E:\database\H-PB-GapClose.fa</td></tr>
                </tbody></table>

        </section>


        <section class="index">
            <h2>Queries</h2>

            <div class="indexentry"><a href="#match1">
                Query_1: BG_GLEAN_10000002
                (183 letters, 2 hits)
            </a></div>
            <div class="indexentry"><a href="#match2">
                Query_2: BG_GLEAN_10000004
                (183 letters, 2 hits)
            </a></div>

        </section>


        <section class="match" id="match1">

            <h2>Nucleotide Sequence (183 letters)</h2>

            <section class="header">

                <table class="headerdata">
                    <tbody><tr><td class="param">Query number:</td><td>1</td></tr>
                    <tr><td class="param">Query ID:</td><td>Query_1</td></tr>
                    <tr><td class="param">Definition line:</td><td>BG_GLEAN_10000002</td></tr>
                    <tr><td class="param">Length:</td><td>183</td></tr>
                    </tbody></table>

            </section>


            <section class="graphics">
                <h3>Graphic Summary</h3>

                <div class="grey">
                    <h4 class="centered">Distribution of 2 Blast Hits on the Query Sequence</h4>

                    <div class="defline" id="defline1">
                        Mouse-over to show defline and scores, click to show alignments
                    </div>

                    <div class="graphic">
                        <h5 class="darkHeader">Color key for alignment scores</h5>
                        <div class="legend"><div class="graphicrow">
                            <div class="graphicitem" style="background-color: black">&lt;40</div>
                            <div class="graphicitem" style="background-color: blue">40–50</div>
                            <div class="graphicitem" style="background-color: green">50–80</div>
                            <div class="graphicitem" style="background-color: magenta">80–200</div>
                            <div class="graphicitem" style="background-color: red">≥200</div>
                        </div></div>
                        <div style="clear: left"></div>

                        <div class="tablewrapper">

                            <div class="scale">
                                <div>query:</div>
                                <div class="graphicrow">
                                    <div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>19</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>38</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>57</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>76</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>95</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>114</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>133</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>152</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>171</div>
                                        </div>
                                        <div class="graphicitem" style="width: 6.5573770492%">
                                            <div>183</div>
                                        </div>
                                    </div>
                                </div>
                                <div style="clear: left"></div>
                            </div>

                            <a class="matchresult" href="#hit1-1" onmouseover="document.getElementById(&quot;defline1&quot;).innerHTML=&quot;C30221620&quot;" onmouseout="document.getElementById(&quot;defline1&quot;).innerHTML=&quot;Mouse-over to show defline and scores, click to show alignments&quot;" title="C30221620">
                                <div class="matchrow graphicrow">
                                    <div class="matchitem graphicitem" style="background-color: magenta; width: 100.0%"></div>
                                </div>
                            </a>

                            <a class="matchresult" href="#hit1-2" onmouseover="document.getElementById(&quot;defline1&quot;).innerHTML=&quot;Chr05&quot;" onmouseout="document.getElementById(&quot;defline1&quot;).innerHTML=&quot;Mouse-over to show defline and scores, click to show alignments&quot;" title="Chr05">
                                <div class="matchrow graphicrow">
                                    <div class="matchitem graphicitem" style="background-color: magenta; width: 100.0%"></div>
                                </div>
                            </a>

                        </div>
                    </div>
                </div>
            </section>



            <section class="descriptions">
                <h3>Descriptions</h3>

                <div class="grey"><div class="white">
                    <h5 class="darkHeader">Sequences producing significant alignments:</h5>

                    <table class="descriptiontable">
                        <colgroup><col><col><col><col><col><col><col>
                        </colgroup><tbody><tr>
                        <th>Description</th>
                        <th>Max score</th>
                        <th>Total score</th>
                        <th>Query cover</th>
                        <th>E value</th>
                        <th>Ident</th>
                        <th>Accession</th>
                    </tr>
                    <tr>
                        <td><div><a href="#hit1-1" title="C30221620" id="description1-1">
                            C30221620
                        </a></div></td>
                        <td>339.1</td>
                        <td>339.1</td>
                        <td>100%</td>
                        <td>4.438e-92</td>
                        <td>100%</td>
                        <td><span style="color: #222222;">4109</span></td>
                    </tr>
                    <tr>
                        <td><div><a href="#hit1-2" title="Chr05" id="description1-2">
                            Chr05
                        </a></div></td>
                        <td>339.1</td>
                        <td>339.1</td>
                        <td>100%</td>
                        <td>4.438e-92</td>
                        <td>100%</td>
                        <td><span style="color: #222222;">359</span></td>
                    </tr>
                    </tbody></table>

                </div></div>
            </section>



            <section class="alignments">
                <h3>Alignments</h3>

                <div class="grey"><div class="white">
                    <div class="alignment" id="hit1-1">

                        <div class="linkheader">
                            <div class="right"><a href="#description1-1">Descriptions</a></div>
                            <span style="color: #222222;">Gene Bank</span>
                        </div>

                        <div class="title">
                            <p class="hittitle">C30221620</p>
                            <p class="titleinfo">
                                <span class="b">Sequence ID:</span> <span style="color: #606060;">gnl|BL_ORD_ID|4109</span>
                                <span class="b">Length:</span> 242
                                <span class="b">Number of Matches:</span> 1
                            </p>
                        </div>


                        <div class="hotspot" id="hotspot1-1-1">
                            <p class="range">
                                <span class="range">Range 1: 242 to 60</span>
                            </p>

                            <table class="hotspotstable">
                                <tbody><tr>
                                    <th>Score</th><th>Expect</th><th>Identities</th><th>Gaps</th><th>Strand</th>
                                </tr>
                                <tr>
                                    <td>339.057 bits (183)</td>
                                    <td>4.43827e-92</td>
                                    <td>183/183 (100%)</td>
                                    <td>0/183 (0%)</td>
                                    <td>Plus/Minus</td>
                                </tr>
                                </tbody></table>

                            <pre class="alignmentgraphic">Query        1  GAAGAAGAAGAAGAAAAAGCAAATGGGAAGATTTGTTGCTTACAAGCATTGAAATTTTCC  60
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject    242  GAAGAAGAAGAAGAAAAAGCAAATGGGAAGATTTGTTGCTTACAAGCATTGAAATTTTCC  183</pre>
                            <pre class="alignmentgraphic">Query       61  ACTTCAAAAATGAGATTAGGAATGGGAAAGAAAAGTGGTTTGAGGAAGATTTCTAAAGCT  120
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject    182  ACTTCAAAAATGAGATTAGGAATGGGAAAGAAAAGTGGTTTGAGGAAGATTTCTAAAGCT  123</pre>
                            <pre class="alignmentgraphic">Query      121  TTCAAAGGCCTTAAATTGTTGCATCAACTCACTACTAATGGTAAGAACAAGACACATTCT  180
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject    122  TTCAAAGGCCTTAAATTGTTGCATCAACTCACTACTAATGGTAAGAACAAGACACATTCT  63</pre>
                            <pre class="alignmentgraphic">Query      181  TGA  183
                |||
Subject     62  TGA  60</pre>
                        </div>

                    </div>

                    <div class="alignment" id="hit1-2">

                        <div class="linkheader">
                            <div class="right"><a href="#description1-2">Descriptions</a></div>
                            <span style="color: #222222;">Gene Bank</span>
                        </div>

                        <div class="title">
                            <p class="hittitle">Chr05</p>
                            <p class="titleinfo">
                                <span class="b">Sequence ID:</span> <span style="color: #606060;">gnl|BL_ORD_ID|359</span>
                                <span class="b">Length:</span> 39567580
                                <span class="b">Number of Matches:</span> 1
                            </p>
                        </div>


                        <div class="hotspot" id="hotspot1-2-1">
                            <p class="range">
                                <span class="range">Range 1: 26310932 to 26311114</span>
                            </p>

                            <table class="hotspotstable">
                                <tbody><tr>
                                    <th>Score</th><th>Expect</th><th>Identities</th><th>Gaps</th><th>Strand</th>
                                </tr>
                                <tr>
                                    <td>339.057 bits (183)</td>
                                    <td>4.43827e-92</td>
                                    <td>183/183 (100%)</td>
                                    <td>0/183 (0%)</td>
                                    <td>Plus/Plus</td>
                                </tr>
                                </tbody></table>

                            <pre class="alignmentgraphic">Query        1  GAAGAAGAAGAAGAAAAAGCAAATGGGAAGATTTGTTGCTTACAAGCATTGAAATTTTCC  60
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject26310932  GAAGAAGAAGAAGAAAAAGCAAATGGGAAGATTTGTTGCTTACAAGCATTGAAATTTTCC  26310991</pre>
                            <pre class="alignmentgraphic">Query       61  ACTTCAAAAATGAGATTAGGAATGGGAAAGAAAAGTGGTTTGAGGAAGATTTCTAAAGCT  120
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject26310992  ACTTCAAAAATGAGATTAGGAATGGGAAAGAAAAGTGGTTTGAGGAAGATTTCTAAAGCT  26311051</pre>
                            <pre class="alignmentgraphic">Query      121  TTCAAAGGCCTTAAATTGTTGCATCAACTCACTACTAATGGTAAGAACAAGACACATTCT  180
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject26311052  TTCAAAGGCCTTAAATTGTTGCATCAACTCACTACTAATGGTAAGAACAAGACACATTCT  26311111</pre>
                            <pre class="alignmentgraphic">Query      181  TGA  183
                |||
Subject26311112  TGA  26311114</pre>
                        </div>

                    </div>

                </div></div>
            </section>
        </section>

        <section class="match" id="match2">

            <h2>Nucleotide Sequence (183 letters)</h2>

            <section class="header">

                <table class="headerdata">
                    <tbody><tr><td class="param">Query number:</td><td>2</td></tr>
                    <tr><td class="param">Query ID:</td><td>Query_2</td></tr>
                    <tr><td class="param">Definition line:</td><td>BG_GLEAN_10000004</td></tr>
                    <tr><td class="param">Length:</td><td>183</td></tr>
                    </tbody></table>

            </section>


            <section class="graphics">
                <h3>Graphic Summary</h3>

                <div class="grey">
                    <h4 class="centered">Distribution of 2 Blast Hits on the Query Sequence</h4>

                    <div class="defline" id="defline2">
                        Mouse-over to show defline and scores, click to show alignments
                    </div>

                    <div class="graphic">
                        <h5 class="darkHeader">Color key for alignment scores</h5>
                        <div class="legend"><div class="graphicrow">
                            <div class="graphicitem" style="background-color: black">&lt;40</div>
                            <div class="graphicitem" style="background-color: blue">40–50</div>
                            <div class="graphicitem" style="background-color: green">50–80</div>
                            <div class="graphicitem" style="background-color: magenta">80–200</div>
                            <div class="graphicitem" style="background-color: red">≥200</div>
                        </div></div>
                        <div style="clear: left"></div>

                        <div class="tablewrapper">

                            <div class="scale">
                                <div>query:</div>
                                <div class="graphicrow">
                                    <div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>19</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>38</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>57</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>76</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>95</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>114</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>133</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>152</div>
                                        </div>
                                        <div class="graphicitem" style="width: 10.3825136612%">
                                            <div>171</div>
                                        </div>
                                        <div class="graphicitem" style="width: 6.5573770492%">
                                            <div>183</div>
                                        </div>
                                    </div>
                                </div>
                                <div style="clear: left"></div>
                            </div>

                            <a class="matchresult" href="#hit2-1" onmouseover="document.getElementById(&quot;defline2&quot;).innerHTML=&quot;Chr08&quot;" onmouseout="document.getElementById(&quot;defline2&quot;).innerHTML=&quot;Mouse-over to show defline and scores, click to show alignments&quot;" title="Chr08">
                                <div class="matchrow graphicrow">
                                    <div class="matchitem graphicitem" style="background-color: magenta; width: 100.0%"></div>
                                </div>
                            </a>

                            <a class="matchresult" href="#hit2-2" onmouseover="document.getElementById(&quot;defline2&quot;).innerHTML=&quot;C30287790&quot;" onmouseout="document.getElementById(&quot;defline2&quot;).innerHTML=&quot;Mouse-over to show defline and scores, click to show alignments&quot;" title="C30287790">
                                <div class="matchrow graphicrow">
                                    <div class="matchitem graphicitem" style="background-color: magenta; width: 100.0%"></div>
                                </div>
                            </a>

                        </div>
                    </div>
                </div>
            </section>



            <section class="descriptions">
                <h3>Descriptions</h3>

                <div class="grey"><div class="white">
                    <h5 class="darkHeader">Sequences producing significant alignments:</h5>

                    <table class="descriptiontable">
                        <colgroup><col><col><col><col><col><col><col>
                        </colgroup><tbody><tr>
                        <th>Description</th>
                        <th>Max score</th>
                        <th>Total score</th>
                        <th>Query cover</th>
                        <th>E value</th>
                        <th>Ident</th>
                        <th>Accession</th>
                    </tr>
                    <tr>
                        <td><div><a href="#hit2-1" title="Chr08" id="description2-1">
                            Chr08
                        </a></div></td>
                        <td>339.1</td>
                        <td>339.1</td>
                        <td>100%</td>
                        <td>4.438e-92</td>
                        <td>100%</td>
                        <td><span style="color: #222222;">4395</span></td>
                    </tr>
                    <tr>
                        <td><div><a href="#hit2-2" title="C30287790" id="description2-2">
                            C30287790
                        </a></div></td>
                        <td>339.1</td>
                        <td>339.1</td>
                        <td>100%</td>
                        <td>4.438e-92</td>
                        <td>100%</td>
                        <td><span style="color: #222222;">3526</span></td>
                    </tr>
                    </tbody></table>

                </div></div>
            </section>



            <section class="alignments">
                <h3>Alignments</h3>

                <div class="grey"><div class="white">
                    <div class="alignment" id="hit2-1">

                        <div class="linkheader">
                            <div class="right"><a href="#description2-1">Descriptions</a></div>
                            <span style="color: #222222;">Gene Bank</span>
                        </div>

                        <div class="title">
                            <p class="hittitle">Chr08</p>
                            <p class="titleinfo">
                                <span class="b">Sequence ID:</span> <span style="color: #606060;">gnl|BL_ORD_ID|4395</span>
                                <span class="b">Length:</span> 24930611
                                <span class="b">Number of Matches:</span> 1
                            </p>
                        </div>


                        <div class="hotspot" id="hotspot2-1-1">
                            <p class="range">
                                <span class="range">Range 1: 9241479 to 9241661</span>
                            </p>

                            <table class="hotspotstable">
                                <tbody><tr>
                                    <th>Score</th><th>Expect</th><th>Identities</th><th>Gaps</th><th>Strand</th>
                                </tr>
                                <tr>
                                    <td>339.057 bits (183)</td>
                                    <td>4.43827e-92</td>
                                    <td>183/183 (100%)</td>
                                    <td>0/183 (0%)</td>
                                    <td>Plus/Plus</td>
                                </tr>
                                </tbody></table>

                            <pre class="alignmentgraphic">Query        1  GACATCCATGGAACATCAGCCACCGAAGTTGCAGTGAAGTTCGATTGCAGTCCAATAAAT  60
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject9241479  GACATCCATGGAACATCAGCCACCGAAGTTGCAGTGAAGTTCGATTGCAGTCCAATAAAT  9241538</pre>
                            <pre class="alignmentgraphic">Query       61  CCATGTGTTGGAATAAAGTTAGACGACGTAAGACTTACATATATGAATCAAACCGCCCAA  120
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject9241539  CCATGTGTTGGAATAAAGTTAGACGACGTAAGACTTACATATATGAATCAAACCGCCCAA  9241598</pre>
                            <pre class="alignmentgraphic">Query      121  GCTACCTGCAACAATGCAGAAGGGATTGTAGCTAGTCAAGTTCAACCCTCTACTTGCTTC  180
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject9241599  GCTACCTGCAACAATGCAGAAGGGATTGTAGCTAGTCAAGTTCAACCCTCTACTTGCTTC  9241658</pre>
                            <pre class="alignmentgraphic">Query      181  TAG  183
                |||
Subject9241659  TAG  9241661</pre>
                        </div>

                    </div>

                    <div class="alignment" id="hit2-2">

                        <div class="linkheader">
                            <div class="right"><a href="#description2-2">Descriptions</a></div>
                            <span style="color: #222222;">Gene Bank</span>
                        </div>

                        <div class="title">
                            <p class="hittitle">C30287790</p>
                            <p class="titleinfo">
                                <span class="b">Sequence ID:</span> <span style="color: #606060;">gnl|BL_ORD_ID|3526</span>
                                <span class="b">Length:</span> 271
                                <span class="b">Number of Matches:</span> 1
                            </p>
                        </div>


                        <div class="hotspot" id="hotspot2-2-1">
                            <p class="range">
                                <span class="range">Range 1: 5 to 187</span>
                            </p>

                            <table class="hotspotstable">
                                <tbody><tr>
                                    <th>Score</th><th>Expect</th><th>Identities</th><th>Gaps</th><th>Strand</th>
                                </tr>
                                <tr>
                                    <td>339.057 bits (183)</td>
                                    <td>4.43827e-92</td>
                                    <td>183/183 (100%)</td>
                                    <td>0/183 (0%)</td>
                                    <td>Plus/Plus</td>
                                </tr>
                                </tbody></table>

                            <pre class="alignmentgraphic">Query        1  GACATCCATGGAACATCAGCCACCGAAGTTGCAGTGAAGTTCGATTGCAGTCCAATAAAT  60
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject      5  GACATCCATGGAACATCAGCCACCGAAGTTGCAGTGAAGTTCGATTGCAGTCCAATAAAT  64</pre>
                            <pre class="alignmentgraphic">Query       61  CCATGTGTTGGAATAAAGTTAGACGACGTAAGACTTACATATATGAATCAAACCGCCCAA  120
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject     65  CCATGTGTTGGAATAAAGTTAGACGACGTAAGACTTACATATATGAATCAAACCGCCCAA  124</pre>
                            <pre class="alignmentgraphic">Query      121  GCTACCTGCAACAATGCAGAAGGGATTGTAGCTAGTCAAGTTCAACCCTCTACTTGCTTC  180
                ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Subject    125  GCTACCTGCAACAATGCAGAAGGGATTGTAGCTAGTCAAGTTCAACCCTCTACTTGCTTC  184</pre>
                            <pre class="alignmentgraphic">Query      181  TAG  183
                |||
Subject    185  TAG  187</pre>
                        </div>

                    </div>

                </div></div>
            </section>
        </section>

    </div>







    <script>
        $(function () {
            $("footer:first").remove()
            $("#content").css("margin","0")
            $(".linkheader>a").each(function () {
                var text=$(this).text()
                $(this).replaceWith("<span style='color: #222222;'>"+text+"</span>")
            })

            $("tr").each(function () {
                var a=$(this).find("td>a:last")
                var text=a.text()
                a.replaceWith("<span style='color: #222222;'>"+text+"</span>")
            })

            $("p.titleinfo>a").each(function () {
                var text=$(this).text()
                $(this).replaceWith("<span style='color: #606060;'>"+text+"</span>")
            })


            $(".param").parent().children().last()

        })
    </script>
